.access-unread,
.go-bottom {
  bottom: 30px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  z-index: 999;
}

.access-unread {
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(#e2e5e9, 0.5);
  box-shadow: 5px 4px 10px 0px #e2e5e9;
  color: dodgerblue;
  font-size: 12px;
  padding: 6px 16px;
  :global(.anticon) {
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
    svg {
      width: 11px;
    }
  }
  &:hover {
    background: #e5f2fe;
    :global(.anticon) {
      animation: hover-btn 1s infinite alternate;
    }
  }
}

@keyframes hover-btn {
  0% {
    transform: rotate(-90deg) translateX(1px);
  }
  100% {
    transform: rotate(-90deg) translateX(-1px);
  }
}

.text {
  margin-left: 5px;
}

.go-bottom {
  height: 40px;
  width: 40px;
  :global(.anticon) {
    transform: rotate(-90deg);
    svg {
      color: dodgerblue;
      width: 18px;
    }
  }
  &:hover {
    background: #e5f2fe;
  }
}
